<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang='scss'>
	/* #ifndef APP-PLUS-NVUE */
	@import '/common/scss/base';
	@import url("/common/font/iconfont.css");
	@import "/common/scss/theme";
	@import  "/common/scss/weather.css";
	.f-bold {
		font-weight: bold;
	}
	.font-num{
		font-family: FZLTHJW--GB1-0,FZLanTingHeiS-R-GB,PingFangSC-Semibold, PingFang SC;
	}
	/*滚动条样式*/
	::-webkit-scrollbar{
	  width: 4rpx;
	  height:4rpx;
	}
	::-webkit-scrollbar-thumb{
	  border-radius: 10rpx;
	  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	  background: rgba(0, 0, 0, 0.2);
	}
	::-webkit-scrollbar-track{
	  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	  border-radius: 0;
	  background: rgba(0, 0, 0, 0.1);
	}
	.fs-12 {
		font-size: 12rpx;
	}
	.fs-14 {
		font-size: 14rpx;
	}
	.fs-16 {
		font-size: 16rpx;
	}
	.fs-18 {
		font-size: 18rpx;
	}
	.fs-20 {
		font-size: 20rpx;
	}
	.fs-22 {
		font-size: 22rpx;
	}
	.fs-24 {
		font-size: 24rpx;
	}
	.fs-26 {
		font-size: 26rpx;
	}
	.fs-28 {
		font-size: 28rpx;
	}
	.fs-30 {
		font-size: 30rpx;
	}
	.fs-32 {
		font-size: 32rpx;
	}
	.fs-34 {
		font-size: 34rpx;
	}
	.fs-36 {
		font-size: 36rpx;
	}
	.fs-38 {
		font-size: 38rpx;
	}
	.fs-40 {
		font-size: 40rpx;
	}
	.fs-42 {
		font-size: 42rpx;
	}
	.fs-44 {
		font-size: 44rpx;
	}
	.fs-46 {
		font-size: 46rpx;
	}
	.fs-48 {
		font-size: 48rpx;
	}
	.fs-50 {
		font-size: 50rpx;
	}
	.fs-60 {
		font-size: 60rpx;
	}
	.fs-72{
		font-size: 72rpx;
	}
	.w-min-170{
		min-width:170rpx;
	}
	.w-min-4word{
		min-width:4em;
	}
	.w-max-6word{
		max-width:6em;
	}
	.w-max-470{
		max-width:470rpx;
	}
	.w-0{
		width:0;
	}
	.w-20p{
		width:20%;
	}
	.w-25p{
		width:25%;
	}
	.w-50p {
		width: 50%;
	}
	.w-60p {
		width: 60%;
	}
	.w-70p {
		width: 70%;
	}
	.w-100p {
		width: 100%;
	}
	.w-40{
		width:40rpx;
	}
	.w-50{
		width:50rpx;
	}
	.w-60{
		width:60rpx;
	}
	.w-80{
		width:80rpx;
	}
	.w-100{
		width:100rpx;
	}
	.w-110{
		width:110rpx;
	}
	.w-120{
		width:120rpx;
	}
	.w-130{
		width:130rpx;
	}
	.w-140{
		width:140rpx;
	}
	.w-150{
		width:150rpx;
	}
	.w-160{
		width:160rpx;
	}
	.w-170{
		width:170rpx;
	}
	.w-180{
		width:180rpx;
	}
	.w-200{
		width:200rpx;
	}
	.w-210{
		width:210rpx;
	}
	.w-220{
		width:220rpx;
	}
	.w-230{
		width:230rpx;
	}
	.w-240{
		width:240rpx;
	}
	.w-246{
		width:246rpx;
	}
	.w-250{
		width:250rpx;
	}
	.w-260{
		width:260rpx;
	}
	.w-280{
		width:280rpx;
	}
	.w-300{
		width:300rpx;
	}
	.w-320{
		width:320rpx;
	}
	.w-330{
		width:330rpx;
	}
	.w-336{
		width:336rpx;
	}
	.w-340{
		width:340rpx;
	}
	.w-345{
		width:345rpx;
	}
	.w-420{
		width:420rpx;
	}
	.w-450{
		width:450rpx;
	}
	.w-460{
		width:460rpx;
	}
	.w-470{
		width:470rpx;
	}
	.w-490{
		width:490rpx;
	}
	.w-500{
		width:500rpx;
	}
	.w-510{
		width:510rpx;
	}
	.w-550{
		width:550rpx;
	}
	.w-600{
		width:600rpx;
	}
	.w-610{
		width:610rpx;
	}
	.w-650{
		width:650rpx;
	}
	.w-710{
		width:710rpx;
	}
	.w-full {
		width: 750rpx;
	}
	.p-10 {
		padding: 10rpx;
	}
	.p-12 {
		padding: 12rpx;
	}
	.p-16 {
		padding: 16rpx;
	}
	.p-20 {
		padding: 20rpx;
	}
	.p-24 {
		padding: 24rpx;
	}
	.p-30 {
		padding: 30rpx;
	}
	.p-35 {
		padding: 35rpx;
	}
	.p-40 {
		padding: 40rpx;
	}
	.p-45 {
		padding: 45rpx;
	}
	.p-1020 {
		padding: 10rpx 20rpx;
	}
	.p-1530 {
		padding: 15rpx 30rpx;
	}
	.p-2030 {
		padding: 20rpx 30rpx;
	}
	.p-2530 {
		padding: 25rpx 30rpx;
	}
	.p-2520 {
		padding: 25rpx 20rpx;
	}
	.p-3020 {
		padding: 30rpx 20rpx;
	}
	.p-4030 {
		padding: 40rpx 30rpx;
	}
	
	.pl-0 {
		padding-left: 0 !important;
	}
	.pl-5 {
		padding-left: 5rpx;
	}
	.pl-10 {
		padding-left: 10rpx;
	}
	.pl-15 {
		padding-left: 15rpx;
	}
	.pl-16 {
		padding-left: 16rpx;
	}
	.pl-20 {
		padding-left: 20rpx;
	}
	.pl-22 {
		padding-left: 22rpx;
	}
	.pl-24 {
		padding-left: 24rpx;
	}
	
	.pl-30 {
		padding-left: 30rpx;
	}
	.pl-40 {
		padding-left: 40rpx;
	}
	.pl-50 {
		padding-left: 50rpx;
	}
	.pl-60 {
		padding-left: 60rpx;
	}
	.pr-6 {
		padding-right: 6rpx;
	}
	.pr-10 {
		padding-right: 10rpx;
	}
	.pr-14 {
		padding-right: 14rpx;
	}
	.pr-15 {
		padding-right: 15rpx;
	}
	.pr-16 {
		padding-right: 16rpx;
	}
	.pr-18 {
		padding-right: 18rpx;
	}
	.pr-20 {
		padding-right: 20rpx;
	}
	.pr-24 {
		padding-right: 24rpx;
	}
	.pr-28 {
		padding-right: 28rpx;
	}
	
	.pr-30 {
		padding-right: 30rpx;
	}
	.pr-35 {
		padding-right: 35rpx;
	}
	.pr-40 {
		padding-right: 40rpx;
	}
	.pr-70 {
		padding-right: 70rpx;
	}
	
	.pt-0 {
		padding-top: 0 !important;
	}
	
	.pt-20 {
		padding-top: 20rpx;
	}
	.pt-24 {
		padding-top: 24rpx;
	}
	.pt-26 {
		padding-top: 26rpx;
	}
	.pt-28 {
		padding-top: 28rpx;
	}
	
	.pt-10 {
		padding-top: 10rpx;
	}
	.pt-14 {
		padding-top: 14rpx;
	}
	.pt-30 {
		padding-top: 30rpx;
	}
	.pt-35 {
		padding-top: 35rpx;
	}
	.pt-40 {
		padding-top: 40rpx;
	}
	.pt-50 {
		padding-top: 50rpx;
	}
	.pt-60 {
		padding-top: 60rpx;
	}
	.pt-80 {
		padding-top: 80rpx;
	}
	.pt-100 {
		padding-top: 100rpx;
	}
	.pt-120 {
		padding-top: 120rpx;
	}
	.pt-200 {
		padding-top: 200rpx;
	}
	.pt-260 {
		padding-top: 260rpx;
	}
	.pt-300 {
		padding-top: 300rpx;
	}
	.pt-350 {
		padding-top: 350rpx;
	}
	.pt-400 {
		padding-top: 400rpx;
	}
	.pt-450 {
		padding-top: 450rpx;
	}
	.plr-6 {
		padding-left: 6rpx;
		padding-right: 6rpx;
	}
	.plr-10 {
		padding-left: 10rpx;
		padding-right: 10rpx;
	}
	.plr-15 {
		padding-left: 15rpx;
		padding-right: 15rpx;
	}
	.plr-16 {
		padding-left: 16rpx;
		padding-right: 16rpx;
	}
	.plr-20 {
		padding-left: 20rpx;
		padding-right: 20rpx;
	}
	.plr-24 {
		padding-left: 24rpx;
		padding-right: 24rpx;
	}
	.plr-25 {
		padding-left: 25rpx;
		padding-right: 25rpx;
	}
	.plr-26 {
		padding-left: 26rpx;
		padding-right: 26rpx;
	}
	.plr-30 {
		padding-left: 30rpx;
		padding-right: 30rpx;
	}
	
	.plr-40 {
		padding-left: 40rpx;
		padding-right: 40rpx;
	}
	.plr-50 {
		padding-left: 50rpx;
		padding-right: 50rpx;
	}
	.plr-75 {
		padding-left: 75rpx;
		padding-right: 75rpx;
	}
	.plr-120 {
		padding-left: 120rpx;
		padding-right: 120rpx;
	}
	
	.ptb-10 {
		padding-top: 10rpx;
		padding-bottom: 10rpx;
	}
	.ptb-13 {
		padding-top: 13rpx;
		padding-bottom: 13rpx;
	}
	.ptb-15 {
		padding-top: 15rpx;
		padding-bottom: 15rpx;
	}
	.ptb-16 {
		padding-top: 16rpx;
		padding-bottom: 16rpx;
	}
	.ptb-20 {
		padding-top: 20rpx;
		padding-bottom: 20rpx;
	}
	.ptb-24 {
		padding-top: 24rpx;
		padding-bottom: 24rpx;
	}
	.ptb-26 {
		padding-top: 26rpx;
		padding-bottom: 26rpx;
	}
	.ptb-28 {
		padding-top: 28rpx;
		padding-bottom: 28rpx;
	}
	
	.ptb-30 {
		padding-top: 30rpx;
		padding-bottom: 30rpx;
	}
	.ptb-40 {
		padding-top: 40rpx;
		padding-bottom: 40rpx;
	}
	.ptb-50 {
		padding-top: 50rpx;
		padding-bottom: 50rpx;
	}
	.ptb-60 {
		padding-top: 60rpx;
		padding-bottom: 60rpx;
	}
	.ptb-80 {
		padding-top: 80rpx;
		padding-bottom: 80rpx;
	}
	.pb-0 {
		padding-bottom: 0 !important;
	}
	
	.pb-10 {
		padding-bottom: 10rpx;
	}
	.pb-16 {
		padding-bottom: 16rpx;
	}
	.pb-20 {
		padding-bottom: 20rpx;
	}
	.pb-24 {
		padding-bottom: 24rpx;
	}
	.pb-28 {
		padding-bottom: 28rpx;
	}
	.pb-30 {
		padding-bottom: 30rpx;
	}
	.pb-35 {
		padding-bottom: 35rpx;
	}
	.pb-40 {
		padding-bottom: 40rpx;
	}
	.pb-50 {
		padding-bottom: 50rpx;
	}
	.pr-50 {
		padding-right: 50rpx;
	}
	.pb-100 {
		padding-bottom: 100rpx;
	}
	.pb-120 {
		padding-bottom: 120rpx;
	}
	.pb-130 {
		padding-bottom: 130rpx;
	}
	.pb-150 {
		padding-bottom: 150rpx;
	}
	.pb-200 {
		padding-bottom: 200rpx;
	}
	.m-0 {
		margin: 0;
	}
	.m-10 {
		margin: 10rpx;
	}
	.m-20 {
		margin: 20rpx;
	}
	.m-30 {
		margin: 30rpx;
	}
	.m-auto{
		margin:0 auto;
	}
	.mtb-30 {
		margin-top: 30rpx;
		margin-bottom: 30rpx;
	}
	.mtb-50 {
		margin-top: 50rpx;
		margin-bottom: 50rpx;
	}
	.mt--120 {
		margin-top: -120rpx;
	}
	.mb-6 {
		margin-bottom: 6rpx;
	}
	.mt-10 {
		margin-top: 10rpx;
	}
	.mt-15 {
		margin-top: 15rpx;
	}
	.mt-16 {
		margin-top: 16rpx;
	}
	.mt-18 {
		margin-top: 18rpx;
	}
	.mt-20 {
		margin-top: 20rpx;
	}
	.mt-24 {
		margin-top: 24rpx;
	}
	.mt-25 {
		margin-top: 25rpx;
	}
	.mt-28 {
		margin-top: 28rpx;
	}
	
	.mt-30 {
		margin-top: 30rpx;
	}
	
	.mt-40 {
		margin-top: 40rpx;
	}
	.mt-50 {
		margin-top: 50rpx;
	}
	.mt-60 {
		margin-top: 60rpx;
	}
	
	.mt-70 {
		margin-top: 70rpx;
	}
	
	.mt-80 {
		margin-top: 80rpx;
	}
	
	.mt-100 {
		margin-top: 100rpx;
	}

	.mt-150 {
		margin-top: 150rpx;
	}
	.ml-10 {
		margin-left: 10rpx;
	}
	.ml-16 {
		margin-left: 16rpx;
	}
	.ml-20 {
		margin-left: 20rpx;
	}
	.ml-24 {
		margin-left: 24rpx;
	}
	.ml-25 {
		margin-left: 25rpx;
	}
	
	.ml-30 {
		margin-left: 30rpx;
	}
	
	.ml-40 {
		margin-left: 40rpx;
	}
	.ml-50 {
		margin-left: 50rpx;
	}
	.ml-60 {
		margin-left: 60rpx;
	}
	.ml-80 {
		margin-left: 60rpx;
	}
	.ml-100 {
		margin-left: 100rpx;
	}
	.mr-14{
		margin-right:14rpx;
	}
	.mr-15{
		margin-right:15rpx;
	}
	.mr-40{
		margin-right:40rpx;
	}
	.mlr-40{
		margin-left: 40rpx;
		margin-right: 40rpx;
	}
	.mlr-50{
		margin-left: 50rpx;
		margin-right: 50rpx;
	}
	.mlr-30{
		margin-left: 30rpx;
		margin-right: 30rpx;
	}
	.mlb-30{
		margin-left: 30rpx;
		margin-bottom: 30rpx;
	}
	.mtb-20{
		margin-top: 20rpx;
		margin-bottom: 20rpx;
	}
	.mr-10 {
		margin-right: 10rpx;
	}
	
	.mr-20 {
		margin-right: 20rpx;
	}
	.mr-25 {
		margin-right: 25rpx;
	}
	.mr-30 {
		margin-right: 30rpx;
	}
	.mr-50 {
		margin-right: 50rpx;
	}
	.mr-60 {
		margin-right: 60rpx;
	}
	.mr-80 {
		margin-right: 80rpx;
	}
	.mr-120 {
		margin-right: 120rpx;
	}
	.mb-10{
		margin-bottom:10rpx;
	}
	.mb-16{
		margin-bottom:16rpx;
	}
	.mb-20 {
		margin-bottom: 20rpx;
	}
	.mb-24 {
		margin-bottom: 24rpx;
	}
	.mb-28 {
		margin-bottom: 28rpx;
	}
	.mb-30 {
		margin-bottom: 30rpx;
	}
	.mlr-20 {
		margin-left: 20rpx;
		margin-right: 20rpx;
	}
	.mlr-24 {
		margin-left: 24rpx;
		margin-right: 24rpx;
	}
	.mlr-10 {
		margin-left: 10rpx;
		margin-right: 10rpx;
	}
	
	.btn-fill {
		color: #fff;
		background:$se-main;
		background: linear-gradient(90deg, $se-main 0%,rgba($se-main,.8) 100%);
		border: none;
	}
	
	.btn-fill.button-hover{
		opacity: 0.9;
	}
	
	.btn-primary {
		color: #fff;
		background:rgba(36, 179, 36, 1);
		border: 1px solid rgba(36, 179, 36, 1);
	}

	.btn-primary.button-hover{
		background: rgba(36, 179, 36, 0.8);
		border: 1px solid rgba(36, 179, 36,0.8);
	}
	.btn-orange {
		color: #fff;
		background:rgba(#FF884C, 1);
		border: 1px solid rgba(#FF884C, 1);
	}
	
	.btn-orange.button-hover{
		background: rgba(#FF884C, 0.8);
		border: 1px solid rgba(#FF884C,0.8);
	}
	.btn-red {
		color: #fff;
		background:rgba($se-red, 1);
		border: 1px solid rgba($se-red, 1);
	}
	
	.btn-red.button-hover{
		background: rgba($se-red, 0.8);
		border: 1px solid rgba($se-red,0.8);
	}
	.btn-thin-fill {
		color: $se-main;
		background:rgba($se-main-thin, 1);
		border:1px solid rgba($se-main-thin, 1);
	}
	
	.btn-thin-fill.button-hover{
		background: rgba($se-main-thin, 0.8);
		border:1px solid rgba($se-main-thin, 0.8);
	}
	.btn-gray {
		color: #333;
		background:rgba(242, 242, 242, 1);
		border: 1px solid rgba(242, 242, 242, 1);
	}

	.btn-gray.button-hover{
		background: rgba(242, 242, 242, 0.8);
		border: 1px solid rgba(242, 242, 242,0.8);
	}
	.btn-page {
		color: #333;
		background:rgba($page-color-base, 1);
		border: 1px solid rgba($page-color-base, 1);
	}
	
	.btn-page.button-hover{
		background: rgba($page-color-base, 0.8);
		border: 1px solid rgba($page-color-base,0.8);
	}
	.btn-white {
		color: #333;
		background:rgba(#fff,1);
		border: 1px solid rgba(#fff, 1);
	}
	
	.btn-white.button-hover{
		background: rgba(#fff, 0.8);
		border: 1px solid rgba(#fff,0.8);
	}
	.btn-stork {
		color: $se-main;
		background-color: #fff;
		border: 1px solid $se-main;
	}
	.btn-stork-red {
		color: $se-red;
		background-color: #fff;
		border: 1px solid $se-red;
	}
	.btn-stork-orange {
		color: #FF884C;
		background-color: #fff;
		border: 1px solid #FF884C;
	}
	.btn-stork-primary{
		color: #63cf5e;
		background: transparent;
		border: 1px solid #63cf5e;
	}
	.btn-stork-normal{
		color:#999;
		border: 1px solid #ccc;
	}
	.btn-stork-deep{
		color:#333;
		border:1px solid #e6e6e6;
		background: #fff;
	}
	.btn-stork-white{
		color:#fff;
		border:1px solid #fff;
		background: transparent;
	}
	.btn-stork:active,
	.btn-stork-red:active,
	.btn-stork-deep:active,
	.btn-stork-normal:active,
	.btn-stork-white:active,
	.btn-stork-primary:active{
		opacity: 0.5;
	}

	button:after{
		border:none;
	}
	button.btn-thin-fill[disabled],
	button.btn-orange[disabled],
	button.btn-primary[disabled],
	button.btn-fill[disabled]{
		border:none;
		box-shadow: none;
		background: #999;
		color:#fff;
		pointer-events: none;
	}
	.disabled{
		opacity:0.6;
		pointer-events: none;
	}
	button.btn-stork[disabled]{
		opacity: .6;
	}
	.link-btn{
		border-radius: 0;
		overflow: initial;
	}
	.link-btn:after{
		border:none;
		border-radius: 0;
	}
	.link-btn.button-hover{
		background:none;
		opacity: 0.6;
	}
	.link-btn[disabled]{
		color:#999;
		border-color:#999;
		pointer-events: none;
	}
	button.link-btn[disabled]{
		border:none;
		background:none;
	}
	button.bg-white.link-btn[disabled]{
		background: #999;
		color: #fff;
	}
	button{
		padding:0;
	}
	/*图片尺寸*/
	.img-16-16{
		width:16rpx;
		height: 16rpx;
	}
	.img-34-34{
		height: 34rpx;
		width:34rpx;
	}
	.img-36-36{
		height: 36rpx;
		width:36rpx;
	}
	.img-40-40{
		height: 40rpx;
		width:40rpx;
	}
	.img-46-46{
		height: 46rpx;
		width:46rpx;
	}
	.img-50-50{
		height: 50rpx;
		width:50rpx;
	}
	.img-56-56{
		height: 56rpx;
		width:56rpx;
	}
	.img-60-60{
		width:60rpx;
		height: 60rpx;
	}
	.img-70-70{
		width:70rpx;
		height: 70rpx;
	}
	.img-80-80{
		height:80rpx;
		width: 80rpx;
	}
	.img-88-44{
		width:88rpx;
		height:44rpx;
	}
	.img-88-88{
		height:88rpx;
		width: 88rpx;
	}
	.img-90-90{
		height: 90rpx;
		width: 90rpx;
	}
	.img-100-100{
		height:100rpx;
		width:100rpx;
	}
	.img-110-110{
		height:110rpx;
		width:110rpx;
	}
	.img-120-120{
		width:120rpx;
		height: 120rpx;
	}
	.img-128-128{
		width:128rpx;
		height: 128rpx;
	}
	.img-130-130{
		width:130rpx;
		height: 130rpx;
	}
	.img-140-140{
		width:140rpx;
		height: 140rpx;
	}
	.img-150-150{
		width:150rpx;
		height: 150rpx;
	}
	.img-160-160{
		width:160rpx;
		height: 160rpx;
	}
	.img-170-170{
		width:170rpx;
		height: 170rpx;
	}
	.img-180-180{
		width:180rpx;
		height: 180rpx;
	}
	.img-190-190{
		width:190rpx;
		height:190rpx;
	}
	
	.img-200-160{
		width:200rpx;
		height:160rpx;
	}
	.img-200-200{
		width:200rpx;
		height:200rpx;
	}
	.img-220-220{
		width:220rpx;
		height:220rpx;
	}
	.img-280-280{
		width:280rpx;
		height:280rpx;
	}
	.img-300-180{
		width:300rpx;
		height:180rpx;
	}
	.img-300-200{
		width:300rpx;
		height:200rpx;
	}
	.img-300-300{
		width:300rpx;
		height:300rpx;
	}
	.img-340-76{
		width:340rpx;
		height:76rpx;
	}
	.img-340-152{
		width:340rpx;
		height:152rpx;
	}
	.img-320-320{
		width:320rpx;
		height:320rpx;
	}
	.img-330-220{
		width:330rpx;
		height:220rpx;
	}
	.img-360-360{
		height: 360rpx;
		width:360rpx;
	}
	.img-400-400{
		width:400rpx;
		height:400rpx;
	}
	.img-200-140{
		width:200rpx;
		height:140rpx;
	}
	.img-420-300{
		width:420rpx;
		height:300rpx;
	}
	.img-690-300{
		width:100%;
		height:300rpx;
	}
	.img-460-460{
		height: 460rpx;
		width:460rpx;
	}
	.img-690-400{
		width:100%;
		height:400rpx;
	}
	.img-690-460{
		width:100%;
		height:460rpx;
	}
	.se-main {
		color: $se-main;
	}
	.se-main-thin {
		color:rgba($se-main,0.2);
	}
	
	.se-white {
		color: #fff;
	}
	
	.se-black {
		color: #000;
	}
	
	.se-placeholder-txt {
		color: #808080;
	}
	
	.se-deep-txt {
		color: #333;
	}
	
	.se-normal-txt {
		color: #666;
	}
	
	.se-thin-txt {
		color: #999;
	}
	.se-page-bg{
		color:$page-color-base;
	}
	
	.se-border{
		color:$se-border;
	}
	.se-disabled{
		color:$se-border;
		pointer-events: none;
	}
	.se-red {
		color: $se-red;
	}
	
	.se-blue{
		color: #4C88FF;
	}
	.se-orange {
		color: $se-warning-2;
	}
	
	.bg-red {
		background-color: $se-red;
	}
	.bg-item {
		background-color: #E7F0FF;
	}
	.bg-orange {
		background-color: $se-warning-2;
	}
	
	.bg-page {
		background-color: $page-color-base;
	}
	.bg-thin{
		background-color: #F2F2F2;
	}
	.bg-transparent {
		background-color: transparent;
	}
	
	.bg-white {
		background-color: #fff;
	}
	.bg-white-thin {
		background-color: rgba(#fff,.3);
	}
	.bg-mask {
		background: rgba(0, 0, 0, 0.5);
	}
	.bg-border{
		background:$se-border;
	}
	.bg-normal{
		background-color: #F7F8FA;
	}
	.bg-main {
		background-color: $se-main;
	}
	.bg-main-thin {
		background-color:$se-main-thin;
	}
	.bg-main-thin-2{
		background: rgba($se-main,.1);
	}
	.liner-bg-main {
		background: linear-gradient(90deg, #47B347, #66CC77);
	}
	.liner-bg-yellow {
		background: linear-gradient(90deg, #f8e7a7 0%, #f6d16c 100%)
	}
	
	.border-thin {
		border: 2rpx solid #E6E6E6;
	}
	
	.border-white {
		border: 2rpx solid #fff;
	}
	.border-main {
		border: 2rpx solid $se-main;
	}
	.no-border{
		border:none;
	}
	.border-warning-1{
		color:$se-warning-1;
		border:2rpx solid $se-warning-1
	}
	.border-warning-2{
		color:$se-warning-2;
		border:2rpx solid $se-warning-2
	}
	.border-warning-3{
		color:$se-warning-3;
		border:2rpx solid $se-warning-3
	}
	.bg-se-blue{
		color:$se-warning-3;
		background-color:rgba($se-warning-3,.1)
	}
	.bg-se-red{
		color:$se-warning-1;
		background-color:rgba($se-warning-1,.1)
	}
	.border-warning-4{
		color:$se-warning-4;
	}
	.warning-fill-0,.warning-plan-2{
		color:$se-warning-3;
	}
	.warning-fill-1,.warning-plan-0{
		color:$se-warning-1;
	}
	.warning-plan-1{
		color:$se-main;
	}
	.over-hidden {
		overflow: hidden;
	}
	
	.hide {
		display: none;
	}
	
	.ta-l {
		text-align: left;
	}
	
	.ta-c {
		text-align: center;
	}
	
	.ta-r {
		text-align: right
	}
	
	.text-indent-1 {
		text-indent: 1em;
	}
	
	.text-indent-2 {
		text-indent: 2em;
	}
	.can-select{
		user-select: text;
	}
	
	
	
	
	
	
	
	
	.fr {
		float: right;
	}
	
	.fl {
		float: left;
	}
	
	.va-t {
		vertical-align: top;
	}
	
	.va-m {
		vertical-align: middle;
	}
	
	.va-b {
		vertical-align: bottom;
	}
	
	.dis-b {
		display: block;
	}
	
	.dis-ib {
		display: inline-block;
	}
	
	.dis-flex {
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		justify-content: space-between;
	}
	
	.dis-flex.column {
		flex-direction: column;
	}
	
	.dis-flex.reverse {
		flex-direction: row-reverse;
	}
	
	.dis-flex.column.reverse {
		flex-direction: column-reverse;
	}
	
	.dis-flex.wrap {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	
	.dis-flex.center {
		align-items: center;
	}
	.dis-flex .flex-self-center{
		align-self:center;
	}
	.dis-flex .flex-self-start{
		align-self:flex-start;
	}
	.dis-flex.justify-center {
		justify-content: center;
	}
	
	.dis-flex.justify-start {
		justify-content: flex-start;
	}
	
	.dis-flex.justify-end {
		justify-content: flex-end;
	}
	.dis-flex.justify-around {
		justify-content: space-around !important;
	}
	.dis-flex.ai-base{
		align-items: baseline;
	}
	.flex-full {
		flex-grow: 1;
	}
	.flex-full-ell{
		width:0;
	}
	.flex-not-shrink{
		flex-shrink: 0;
	}
	.pos-a {
		position: absolute;
	}
	
	.pos-r {
		position: relative;
	}
	.pos-f {
		position: fixed;
	}
	.h-10{
		height:10rpx;
	}
	.h-20{
		height:20rpx;
	}
	.h-50{
		height:50rpx;
	}
	.h-60{
		height:60rpx;
	}
	.h-70{
		height:70rpx;
	}
	.h-80{
		height:80rpx;
	}
	.h-90{
		height:90rpx;
	}
	.h-100{
		height:100rpx;
	}
	.h-120{
		height:120rpx;
	}
	.h-140{
		height:140rpx;
	}
	.h-200{
		height:200rpx;
	}
	.h-240{
		height:240rpx;
	}
	.h-250{
		height:250rpx;
	}
	.h-300{
		height:300rpx;
	}
	.h-320{
		height:320rpx;
	}
	.h-340{
		height:340rpx;
	}
	.h-360{
		height:360rpx;
	}
	.h-412{
		height:412rpx;
	}
	.h-500{
		height:500rpx;
	}
	.h-512{
		height:512rpx;
	}
	.h-630{
		height:630rpx;
	}
	.h-676{
		height:676rpx;
	}
	.h-80p{
		height:80vh;
	}
	.h-100p{
		height:100%;
	}
	.h-full{
		height:100vh;
	}
	.h-min-full{
		min-height: 100vh;
	}
	.lh-d8 {
		line-height: .8;
	}
	.lh-1 {
		line-height: 1;
	}
	.line-40{
		line-height:40rpx;
	}
	.line-80{
		line-height:80rpx;
	}
	.lh-1d5 {
		line-height: 1.5;
	}
	.lh-1d8 {
		line-height: 1.8;
	}
	.lh-30 {
		height: 30rpx;
		line-height: 30rpx;
	}
	.lh-34 {
		height: 34rpx;
		line-height: 34rpx;
	}
	.lh-40 {
		line-height: 40rpx;
		height:40rpx;
	}
	.lh-50 {
		line-height: 50rpx;
		height:50rpx;
	}
	.lh-56 {
		height: 56rpx;
		line-height: 56rpx;
	}
	.lh-60 {
		height: 60rpx;
		line-height: 60rpx;
	}
	.lh-70 {
		height: 70rpx;
		line-height: 70rpx;
	}
	.lh-80 {
		height: 80rpx;
		line-height: 80rpx;
	}
	.lh-88 {
		height: 88rpx;
		line-height: 88rpx;
	}
	.h-88 {
		height: 88rpx;
	}
	.lh-90 {
		height: 90rpx;
		line-height: 90rpx;
	}
	.lh-100 {
		height: 100rpx;
		line-height: 100rpx;
	}
	.ell-1 {
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		display: inline-block;
		vertical-align: top;
	}
	
	.one-line {
		white-space: nowrap;
	}
	
	.under-line {
		text-decoration: underline;
	}
	
	.del-line {
		text-decoration: line-through;
	}
	
	.bb-bar-thin {
		border-bottom: 1rpx solid #f5f6fa;
	}
	.bb-bar-white {
		border-bottom: 2rpx solid #fff;
	}
	.bt-bar-thin {
		border-top: 1rpx solid #f5f6fa;
	}
	.bl-bar-thin {
		border-left: 1rpx solid #f5f6fa;
	}
	.br-bar-thin {
		border-right: 1rpx solid #f5f6fa;
	}
	.bb-dotted-thin {
		border-bottom: 2rpx dashed #E6E6E6;
	}
	.border-dotted-thin {
		border: 2rpx dashed #ccc;
	}
	.border-dotted-main {
		border: 2rpx dashed $se-main;
	}
	.ell-2 {
		display: -webkit-box;
		word-break: break-all;
		text-overflow: ellipsis;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	.word-4{
		width:4em;
		white-space: nowrap;
		overflow: hidden;
	}
	.ls-2,
	.length-2.word-4{
		letter-spacing: 2em;
	}
	.ls-d5,
	.length-3.word-4{
		letter-spacing: 0.5em;
	}
	.ls-1 {
		letter-spacing: 1em;
	}
	
	.ls-4 {
		letter-spacing: 4em;
	}
	
	.ls-d25 {
		letter-spacing: 0.25em;
	}
	
	
	.none-bg{
		background: none;
	}
	.radius-0 {
		border-radius: 0;
	}
	.radius-6 {
		border-radius: 6rpx;
	}
	.radius-8 {
		border-radius: 8rpx;
	}
	.radius-10 {
		border-radius: 10rpx;
	}
	.radius-12 {
		border-radius: 12rpx;
	}
	.radius-16 {
		border-radius: 16rpx;
	}
	.radius-20 {
		border-radius: 20rpx;
	}
	.radius-25 {
		border-radius: 25rpx;
	}
	.radius-28 {
		border-radius: 28rpx;
	}
	.radius-30 {
		border-radius: 30rpx;
	}
	.radius-left-30 {
		border-radius:30rpx 0 0 30rpx;
	}
	.radius-right-30 {
		border-radius:0 30rpx 30rpx 0;
	}
	.radius-35 {
		border-radius: 35rpx;
	}
	.radius-40 {
		border-radius: 40rpx;
	}
	.radius-45 {
		border-radius: 45rpx;
	}
	.radius-50 {
		border-radius: 50rpx;
	}
	.radius-50p {
		border-radius: 50%;
	}
	.radius-top-20{
		border-radius: 20rpx 20rpx 0 0;
	}
	.radius-top-40{
		border-radius: 40rpx 40rpx 0 0;
	}
	
	.navigator-hover{
		opacity:0.8;
		background-color:rgba(242,242,242,0.5);
	}
	.navigator-hover-2{
		opacity:0.5;
	}
	
	
	.box-shadow{
		box-shadow:0 0 16rpx 0 rgba(0, 0, 0, 0.15);
	}
	.shadow-normal{
		box-shadow:0px 0px 16px 0px rgba(0, 0, 0, 0.1);
	}
	.box-shadow-main{
		box-shadow:2rpx 4rpx 16rpx 0 rgba($se-main,0.3);
	}
	.bar-liner{
		width:10rpx;
		background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.06) 100%);
	}
	
	/*  弹出层 */
	.popup {
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 997;
		
		&.show {
			display: block;
			.mask{
				animation: showPopup 0.2s linear both;
			}
			.layer {
				animation: showLayer 0.2s linear both;
			}
		}
		&.hide {
			.mask{
				animation: hidePopup 0.2s linear both;
			}
			.layer {
				animation: hideLayer 0.2s linear both;
			}
		}
		
		&.none {
			display: none;
		}
		.mask{
			position: fixed;
			top: 0;
			width: 100%;
			height: 100%;
			z-index: 1;
			background: rgb(0, 0, 0);
		}
		
		.layer {
			position: fixed;
			z-index: 99;
			bottom: 0;
	
			.btn{
				border-radius: 0;
			}
		}
		&.center{
			align-items: center;
			justify-content: center;
	
			&.show{
				display: flex;
				
				.layer{
					animation-name: zoom0;
					animation-delay: 0.3s;
				}
			}
			&.hide{
				.layer{
					animation-name: zoom1;
				}
			}
			.layer{
				position: relative;
				bottom: initial;
			}
		}
		&.right{
			
			&.show{
				display: flex;
				
				.layer{
					animation-name: showSlideLeft;
					animation-delay: 0.3s;
				}
			}
			&.hide{
				.layer{
					animation-name: hideSlideLeft;
				}
			}
			.layer{
				right:0;
			}
		}
		
		
		
		@keyframes showPopup {
			0% {
				opacity: 0;
			}
			100% {
				opacity: 0.4;
			}
		}
		@keyframes hidePopup {
			0% {
				opacity: 0.4;
			}
			100% {
				opacity: 0;
			}
		}
		@keyframes showLayer {
			0% {
				transform: translateY(120%);
			}
			100% {
				transform: translateY(0%);
			}
		}
		@keyframes hideLayer {
			0% {
				transform: translateY(0);
			}
			100% {
				transform: translateY(120%);
			}
		}
		@keyframes showSlideLeft {
			0% {
				transform: translateX(200%);
			}
			100% {
				transform: translateY(0%);
			}
		}
		@keyframes hideSlideLeft {
			0% {
				transform: translateY(0);
			}
			100% {
				transform: translateY(200%);
			}
		}
		@keyframes zoom0 {
			0% {
				transform: scale(0);
			}
			100% {
				transform: scale(1);
			}
		}
		@keyframes zoom1 {
			0% {
				transform: scale(1);
			}
			100% {
				transform: scale(0);
			}
		}
		
	}
	
	.sticky-tabs{
		z-index: 99;
		position: sticky;
		top: var(--window-top);
	}
	.tab-on-bar{
		position:relative;
	}
	.tab-on-bar:after{
		content:'';
		width:120rpx;
		height:6rpx;
		display: block;
		background: $se-main;
		border-radius: 3rpx;
		position: absolute;
		bottom:0;
		left:50%;
		margin-left:-60rpx;
	}
	.left-0{
		left: 0;
	}
	.bottom-0{
		bottom:0;
	}
	.bottom-16{
		bottom:16rpx;
	}
	.bottom-32{
		bottom:32rpx;
	}
	.bottom-50{
		bottom:50rpx;
	}
	.top-0{
		top:0;
	}
	.top-16{
		top:16rpx;
	}
	.right-0{
		right:0
	}
	.right-16{
		right:16rpx
	}
	.z-index-2{
		z-index: 2;
	}
	.z-index--1{
		z-index: -1;
	}
	.z-index-996{
		z-index: 996;
	}
	.nav-bar-left{
		@extend .pos-a;
		left:30rpx;
	}
	.nav-bar-right{
		@extend .pos-a;
		right:30rpx;
	}
	
	.index-page-header{
		background: url(./static/icon/home_bgimg.png) no-repeat top;
		background-size: 100% 70%;
	}
	.title-bar{
		@extend .pos-r;
	}
	.title-bar::before{
		content:'';
		@extend .pos-a;
		@extend .bg-main;
		width: 6rpx;
		height: 24rpx;
		border-radius: 0px 8rpx 8rpx 0px;
		left:0 ;
		top:50%;
		margin-top:-12rpx;
	}
	.clean-icon{
		right:-16rpx;
		top:-16rpx;
		@extend .fs-40;
		@extend .z-index-2;
		@extend .se-red;
		@extend .pos-a;
	}
	.bar{
		width: 30rpx;
		height: 4rpx;
		background: #999999;
		border-radius: 2rpx;
	}
	.video-img-bg{
		background:#00a6ba url(./static/icon/video.png) no-repeat center;
		background-size: 45%;
		width:100%;
		height:300rpx;
	}
	.play-icon{
		left:50%;
		margin-left:-50rpx;
		top:50%;
		margin-top:-50rpx;
	}
	/* #endif*/
</style>

